草庐IT

Charts 饼图 Pie

全部标签

javascript - Rails 3.1 Ajax 部分中的 Google Charts

我一直在使用Google图表,没有遇到任何问题,但现在我需要在Ajax呈现的部分中显示图表。显然什么都没有显示。我知道这与构建未激活图表的Java触发器有关,但我需要一些帮助来确定我需要做什么...目前我有这样的东西(非Ajax):google.load("visualization","1",{packages:["corechart"]});google.setOnLoadCallback(drawChart);functiondrawChart(){vardata=newgoogle.visualization.DataTable();data.addColumn('string

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - CSS3Pie 导致启动错误

导入CSS3Pie时,出现以下错误。UncaughtTypeError:Object[objectDOMWindow]hasnomethod'attachEvent'我正在使用Chrome。这可能是我造成的,还是只是一个错误。谢谢! 最佳答案 我认为您应该在仅限IE的条件注释中导入“PIE.js”文件:CSS3Pie项目是一个InternetExplorer工具-它仅适用于IE,对所有其他浏览器完全无用。编辑—请注意,如果您首先将这些内容导入为.js文件,请注意。据我所知,CSS3Pie文档都鼓励通过IE“行为”CSS属性导入功能。

javascript - Google Charts - 当值为零时不显示点

我正在使用Google图表显示一些时间序列数据,如下所示。通常,数据中零值的比例很高,因此您会在x轴上得到很多点。我认为这会使图表看起来很困惑,我不想显示y=0的点。非常感谢任何想法/指示。谢谢,链 最佳答案 最好的选择是使用null而不是0(会有缺失点)。然后您可以使用选项interpolateNulls来连接这些值。 关于javascript-GoogleCharts-当值为零时不显示点,我们在StackOverflow上找到一个类似的问题: https:

javascript - 使用 d3.js 向饼图添加工具提示

我正在踏上学习使用d3.js可视化数据的旅程,到目前为止,我发现ScottMurray的“交互式数据可视化”非常有帮助。我正在阅读本书第11章中的一些示例代码,想知道如何将工具提示添加到饼图(书中已经使用条形图描述了此过程)。无论如何,过去几个小时一直在修改代码,想看看是否有人可以帮我解决这个问题:D3:Pielayouttext{font-family:sans-serif;font-size:12px;fill:white;}#tooltip{position:absolute;width:200px;height:auto;padding:10px;background-colo

javascript - JqPlot 饼图 - 更改饼图切片颜色

我有一个使用JqPlot显示的饼图。我有兴趣改变切片的实际颜色,但到目前为止还没有运气。我遇到了thislink并尝试了解决方案,但我不确定我是否将其放在错误的位置(已尝试将其插入代码中的几个位置),因为当我插入它时,饼图不再显示(并且在fact停止显示页面上的其余图表)。这是饼图的javascript代码:$(document).ready(function(){vardata=[['US',33],['IE',30],['GB',23],['AU',7],['CA',4],['RoW',7]];varplot1=jQuery.jqplot('Countries',[data],{s

javascript - Highcharts饼图动态改变大小

我在highcharts中创建的饼图出现问题。根据数据标签的位置,实际图表会增大或缩小。我们需要饼图保持相同大小,那么有没有办法保持饼图大小不变并强制标签适合它,或者我只需要将标签放在每个切片内? 最佳答案 您必须为饼图设置固定的大小。可以是百分比或像素值。例如:plotOptions:{pie:{size:100}},从APIhttp://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts

javascript - 如何为 Telerik Kendo UI 饼图楔形着色?

我正在使用TelerikKendo饼图,我希望能够为楔形着色。以下是我的KendoUI饼图的标记:functioncreateChart(){jQuery("#chart").kendoChart({theme:jQuery(document).data("kendoSkin")||"Metro",legend:{position:"bottom"},seriesDefaults:{labels:{visible:true,format:"{0}%"}},series:[{type:"pie",data:[{category:"RemainingWork",value:75,explo

javascript - 如何缩小 KendoUI 饼图的大小?

如何缩小KendoUI饼图的大小?我正在使用以下配置使用饼图。我已将边距设置为1个像素,将填充设置为1个像素,但它似乎对饼图的呈现方式没有任何影响。我没有标题,但仍有标题空间。我希望能够减少图表顶部之间的空间以及图例和实际图表之间的空间。我的配置:jQuery("#chart").kendoChart({//theme:jQuery(document).data("kendoSkin")||"Metro",legend:{position:"bottom",padding:1,margin:1},seriesDefaults:{labels:{visible:true,template

javascript - 使用 d3.js 和 TypeScript 绘制饼图时出现编译错误

我正在尝试使用d3.js库和TypeScript绘制饼图。我有以下代码:"usestrict";moduleChart{exportclasschart{privatechart:d3.Selection;privatewidth:number;privateheight:number;privateradius:number;privatedonutWidth:number;privatedataset:{label:string,count:number}[];privatecolor:d3.scale.Ordinal;constructor(container:any){this